<head>
<style type="text/css">
.hidden{
	display: none;
}
.download {

	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}

#example0 .DataTables_sort_wrapper{

	white-space: normal !important;
}
#example0 tbody td{
	word-wrap: break-word;
	white-space: normal !important;
	padding: 0 !important; 
    line-height: 15px !important;
	text-align: center !important;
}

#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #F8B64A;
	border-bottom: 7px solid #F8B64A;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #CC840E;
	border-left: 1px solid #CC840E;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #CC840E;
	border-left: 1px solid #CC840E;
	color: #669;
}
</style>

	<script type="text/javascript">
		var aJaxURL		= "server-side/report/service_mon.action.php";		//server side folder url
		var aJaxURL1_4	 = "server-side/call/outgoing/clients.action1_4.php";		//server side folder url
        var seoyURL		= "server-side/seoy/seoy.action.php";					//server side folder url
		var upJaxURL		= "server-side/upload/file.action.php";	
		var tName		= "example0";											//table name
		var tbName		= "tabs";												//tabs name
		var fName		= "add-edit-form";										//form name
		var file_name = '';
		var rand_file = '';
		
		$(document).ready(function () {     
			LoadTable0();
			SetEvents("", "", "", "example0", fName, "server-side/call/outgoing/outgoing_tab0.action.php");
		});

		function LoadTable0(){			
			/* Table ID, aJaxURL, Action, Colum Number, Custom Request, Hidden Colum, Menu Array */
			GetDataTable("example0", aJaxURL, "get_list", 15, "", 0, "", 1, "desc", "");
		}

		//SeoYyy
		$(document.body).click(function (e) {
        	$("#send_to").autocomplete("close");
        });

        function LoadDialog(fName){
            //alert(form);
			switch(fName){
				case "add-edit-form":
					GetDialog("add-edit-form", 1210, "auto");
					GetDataTable("examplee_1", aJaxURL1_4, "get_list", 10,"cl_id="+$("#c_id1").val(), 0, "", 1, "asc", "");
					GetDataTable("exampleee_5", "server-side/view/sales/sales.action1_1.php", "get_list", 10,"cl_id="+$("#hhhh_id").val()+"&sales_id="+$("#sales_id").val(), 0, "", 1, "asc", "");
					GetDateTimes("mont_date");
				break;	
			}

			$( ".calls" ).button({
			      icons: {
			        primary: " ui-icon-contact"
			      }
			});
			$("#choose_button").button({
	            
		    });
		}

	    $(document).on("click", ".download", function () {
            var link = ($(this).attr("str")).replace("audio:/var/spool/asterisk/monitor/", "");
      //      alert(link)
            link = 'http://212.72.155.176:8181/records/' + link + '.wav';

            window.open(link, 'chatwindow', "width=420,height=230,resizable=yes,scrollbars=yes,status=yes");
            
        });
          
    </script>
</head>

<body>
<div id="dt_example" class="ex_highlight_row">
    <div id="container" style="width: 98%;">        	
        <div id="dynamic">
        	<h2 align="center">სერვისის მონიტორინგი</h2>
        	<div id="button_area">
			</div>
            <table class="display" id="example0">
                <thead>
					<tr id="datatable_header">
                        <th>ID</th>
						<th style="width: 40%; padding-right: 30px; height: 250px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">დავალების ტიპი</span></th>
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">სცენარი</span></th>
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">მაღაზიაში შესვლის თანავე მიაქცია <br>თუ არა კონსულტანტმა ყურადღება</span></th>
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">რამდენად გულისხმიერი იყო<br> კონსულტანტი</span></th>
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">რამდენად კარგად ახსნა პროდუქტის<br> ტექნიკური მახასიათებლები და ფუნქციები</span></th>
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">გაქვთ თუ არა სურვილი კიდევ შეიძინოთ<br> სმაილში სასურველი ტექნიკა</span></th>
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">მოიტანა თუ არა გადამზიდმა ჯგუფმა<br> პროდუქტი დროულად</span></th>
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">იყო თუ არა მომსახურე პერსონალი<br> თავაზიანი</span></th>
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">შეამოწმეთ თუ არა ნივთი ვიზუალურად<br> ჩაბარებისას</span></th>
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">შეავსო თუ არა გადამზიდმა ჯგუფმა<br> მწარმოებლის საგარანტიო დალონი<br> და დაარტყა ბეჭედი</span></th>
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">რამდენად კვალიფიციური იყო <br>გაწეული მომსახურება</span></th>		
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">რამდენად დროულად მოგვარდა<br> პრობლემა</span></th>	
						<th style="width: 50%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">რამდენად კეთილგანწყობილი იყო<br> სერვისის თანამშრომელი</span></th>	
						<th style="width: 40%; padding-right: 30px; vertical-align: bottom !important; font-weight: normal;"><span class="rotate style2" style="font-size: 10pt !important; padding-left:10px;">შექმნის თარიღი</span></th>				
					</tr>
				</thead>
				<thead>
					<tr class="search_header">
						<th class="colum_hidden">
                			<input type="text" name="search_id" value="ფილტრი" class="search_init" style="width: 25px"/>
                		</th>
						<th>
							<input style="width:85px;" type="text" name="search_overhead" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:85px;" type="text" name="search_partner" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_partner" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_op_date" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_partner" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_op_date" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_op_date" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_op_date" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
						<th>
							<input style="width:100px;" type="text" name="search_sum_cost" value="ფილტრი" class="search_init" />
						</th>
					</tr>
				</thead>
            </table>
        </div>
        <div class="spacer">
        </div>
    </div>
</div>
<!-- jQuery Dialog -->
<div id="add-edit-form" class="form-dialog" title="გამავალი ზარი">
<!-- aJax -->
</div>

<!-- jQuery Dialog -->
<div id="add-edit-form1" class="form-dialog" title="გამავალი ზარი">
<!-- aJax -->
</div>

<!-- jQuery Dialog -->
<div id="add-edit-form2" class="form-dialog" title="გამავალი ზარი">
<!-- aJax -->
</div>

<div id="add-responsible-person" class="form-dialog" title="პასუხისმგებელი პირი">
<!-- aJax -->
</div>
</body>